<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<div class="page-header navbar navbar-fixed-top">
    <!-- BEGIN HEADER INNER -->
    <div class="page-header-inner ">
        <!-- BEGIN LOGO -->
        <div class="page-logo">
            <img src="resources/assets/layouts/layout/img/logo.png" alt="logo" class="logo-default"/>
            <div class="menu-toggler sidebar-toggler">
                <span></span>
            </div>
        </div>
        <!-- BEGIN RESPONSIVE MENU TOGGLER -->
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse"
           data-target=".navbar-collapse"> <span></span>
        </a>
        <!-- BEGIN TOP NAVIGATION MENU -->
        <div class="top-menu">
            <ul class="nav navbar-nav pull-right">
                <li class="dropdown  " id="header_task_bar">
                    <a href="javascript:;" id='select-language' class="dropdown-toggle" data-toggle="dropdown"
                       data-hover="dropdown" data-close-others="true">
                        <th:block th:if="${session.lang=='cn'}">
                            <img class='flag_icon' src="resources/assets/pages/img/icon/cn.svg" alt=""> 中文
                        </th:block>
                        <th:block th:if="${session.lang=='en'}">
                            <img class='flag_icon' src="resources/assets/pages/img/icon/gb.svg" alt=""> English
                        </th:block>
                        <th:block th:if="${session.lang=='kr'}">
                            <img class='flag_icon' src="resources/assets/pages/img/icon/kr.svg" alt=""> 한국어
                        </th:block>
                    </a>
                    <ul class="dropdown-menu ">
                        <li>
                            <a href="#" data-lang='cn' class='language'>
                                <img class='flag_icon'
                                     src="resources/assets/pages/img/icon/cn.svg"
                                     alt=""> 中文</a>
                        </li>
                        <li>
                            <a href="#" data-lang='en' class='language'>
                                <img class='flag_icon'
                                     src="resources/assets/pages/img/icon/gb.svg"
                                     alt=""> English</a>
                        </li>
                        <li>
                            <a href="#" data-lang='kr' class='language'>
                                <img class='flag_icon'
                                     src="resources/assets/pages/img/icon/kr.svg"
                                     alt=""> 한국어</a>
                        </li>
                    </ul>
                </li>

                <li class="dropdown" id="header_notification_bar">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                       data-close-others="true">
                        <span th:text="${session.user.name}"></span>
                        <i class="icon-user"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-default">
                        <li>
                            <a href="javascript:;" id='logout-btn'>
                                <i class="icon-logout"></i>
                                <span class='msg_logout_btn'>Log out</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>

        </div>
    </div>
</div>
<div class="clearfix"></div>
</html>

